
<!-- MAIN CONTENT -->
<div id="content">
    <!--头部-->
    <div smart-include="app/yksensor/views/sub-header.tpl.html"></div>
    <!--头部end-->
    <div class="clearfix margin-bottom-10">
        <div class="pull-left">
            <strong class="font-md">设备编号：</strong>
            <input type="text" style="vertical-align: middle" ng-model="conf.deviceid" >
        </div>

        <div class="pull-left margin-left-25">

            <strong class="font-md">时间范围：</strong>
            <label class="input">
                <input type="text" name="startdate" id="time_s" placeholder="开始日期：">
                <i class="icon-append fa fa-calendar"></i>
            </label>
            -
            <label class="input">
                <input type="text" name="finishdate" id="time_e" placeholder="结束日期：">
                <i class="icon-append fa fa-calendar"></i>
            </label>

            <a class="btn btn-primary" href-void="" ng-click="sends()">查询</a>

        </div>
        <!-- <div class="pull-right">
            <button class="btn btn-primary glyphicon glyphicon-export" > 导出</button>
        </div> -->
    </div>
    <section id="widget-grid" class="">
        <!-- row -->
        <div class="row">
            <div class="col-sm-12">
                <div class="panel panel-default">
                    <div class="panel-body status">
                        <div class="clearfix">
                            <div class="text">
                                <div class="row" id="choices">
                                    <p style="font-weight: bold" ng-show="null">暂无数据</p>
                                    <!-- <div class="col-xs-4 col-md-3 col-lg-2" ng-repeat="thermo in thermoInfo.thermometer">
                                        <div class="well text-center connect"> -->
                                            <!-- <img src="styles/img/avatars/gril1.png" alt="img" class="margin-bottom-5 margin-top-5"> -->
                                            <!-- <div class="margin-bottom-5 margin-top-5" style="border-radius:50% 50% 0; background:#2b92ea; width:50px; height:50px; display:inline-block">
                                                <strong style="color:#fff; line-height:50px;">{{thermo.temp}}°C</strong>
                                            </div>
                                            <br>
                                            <span class="font-xs"><b>温度计{{thermo.tid}}（{{thermo.high}}m）</b></span>
                                            <br> -->
                                            <!-- <a href="javascript:void(0);" class="btn btn-xs btn-primary margin-top-5 margin-bottom-5">
                                                <i class="glyphicon glyphicon-eye-open"></i> 
                                            </a>
                                            <a href="javascript:void(0);" class="btn btn-xs btn-default margin-top-5 margin-bottom-5">
                                                <i class="glyphicon glyphicon-eye-close"></i> 
                                            </a>
                                            <br> -->
                                            <!-- <span class="onoffswitch">
                                                <input type="checkbox" name="thermometer-{{thermo.tid}}" class="onoffswitch-checkbox ng-untouched ng-valid ng-dirty ng-valid-parse" id="thermometer-{{thermo.tid}}">
                                                <label class="onoffswitch-label" for="thermometer-{{thermo.tid}}">
                                                    <span class="onoffswitch-inner" data-swchon-text="显示" data-swchoff-text="隐藏"></span>
                                                    <span class="onoffswitch-switch"></span>
                                                </label>
                                            </span>
                                        </div>
                                    </div> -->
                                </div>
                            </div>
                        </div>
                        <!-- <ul class="links text-right">
                            <li class="">
                                <a href="javascript:void(0);">Find people you know <i class="fa fa-arrow-right"></i> </a>
                            </li>
                        </ul> -->
                        <div class="links" style="padding:5px 35px 5px 5px;">
                            <div id="tempcharts" class="chart has-legend" style="width:100%;height:350px;"></div>                   
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end row -->
    </section>
    <!-- end widget grid -->          
    <script>    
        // START AND FINISH DATE
        $('#time_s').datepicker({
            //dateFormat : 'dd.mm.yy',
            dateFormat: 'yy-mm-dd',
            prevText: '<i class="fa fa-chevron-left"></i>',
            nextText: '<i class="fa fa-chevron-right"></i>',
            monthNames: ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'],  
            dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],  
            dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],  
            dayNamesMin: ['日','一','二','三','四','五','六'],
            onSelect: function (selectedDate) {
                $('#time_e').datepicker('option', 'minDate', selectedDate);
            }
        });

        $('#time_e').datepicker({
            dateFormat: 'yy-mm-dd',
            prevText: '<i class="fa fa-chevron-left"></i>',
            nextText: '<i class="fa fa-chevron-right"></i>',
            monthNames: ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'],  
            dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],  
            dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],  
            dayNamesMin: ['日','一','二','三','四','五','六'],
            onSelect: function (selectedDate) {
                $('#time_s').datepicker('option', 'maxDate', selectedDate);
            }
        });
    </script>

</div>
<!-- END MAIN CONTENT -->
